<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" th:with="taoConfig=${@configTag.getWebConfigByGroup('bobey_tao')}">
<head xmlns="http://www.w3.org/1999/html">
    <th:block  th:include="bobey/tao/taoke_include :: taokeHeader(title=${taoConfig['oly.tao.title']+'-商品列表'},keywords=${taoConfig['oly.tao.keywords']+','+seo.keywords},description=${seo.description})"/>
</head>
<body>
<!--== Start Header Section ==-->
<header id="header-area" class="header__2"  xmlns="http://www.w3.org/1999/html">
    <div class="preheader-area">
        <div class="container">
            <div class="row">
                <div class="col-md-5 col-lg-6">
                    <div class="preheader-contact-info d-flex align-items-center justify-content-between justify-content-md-start">
                        <div class="single-contact-info">
                            <span class="contact-icon">
                                <i class="fa fa-envelope"></i>
                            </span>
                            <a href="mailto:your@example.com" class="contact-text">
                                <strong>邮箱:</strong> <a th:href="'mailto:'+${taoConfig['oly.tao.contact.mail']}" th:text="${taoConfig['oly.tao.contact.mail']}">your@email.here</a>
                            </a>
                        </div>
                        <div class="single-contact-info">
                            <span class="contact-icon">
                                <i class="fa fa-phone"></i>
                            </span>
                            <a href="" class="contact-text">
                                <strong>联系电话:</strong>  <a href="javaScript:void(0)" th:text="${taoConfig['oly.tao.contact.phone']}">+231 40596971</a>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Start Header Middle Area -->
    <div class="header-middle-area">
        <div class="container">
                <div class="row">
                    <th:block  th:include="bobey/tao/taoke_include :: logo"></th:block>
                </div>
        </div>
    </div>
    <!-- End Header Middle Area -->

    <!-- Start Main Menu Area -->
    <!-- Start Main Menu Area -->
    <div class="navigation-area" id="fixheader">
        <div class="container">
            <div class="row">
                <!-- Categories List Start -->
                <div class="col-10 col-lg-3">
                    <div class="categories-list-wrap">
                        <button class="btn btn-category d-none d-lg-inline-block"><i class="fa fa-bars"></i> 商品分类服务
                        </button>
                        <th:block  th:include="bobey/tao/taoke_include::goodsMenus(goodsCats=${@categoryTag.getCatTreeById(23)})"></th:block>
                    </div>
                </div>
                <!-- Categories List End -->
                <!-- Main Menu Start -->
                <div class="col-2 col-lg-9 d-none d-lg-block">
                    <div class="main-menu-wrap">
                        <nav class="mainmenu">
                            <th:block  th:include="bobey/tao/taoke_include::taokeMenu(taokeMenu=${@menuTag.getMenuTreeById(92)})"/>
                        </nav>
                    </div>
                </div>
                <!-- Main Menu End -->
            </div>
        </div>
    </div>
    <!-- End Main Menu Area -->
</header>
<!--== End Header Section ==-->

<div class="page-breadcrumb-wrap">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="page-breadcrumb">
                    <ul class="nav">
                        <li><a th:href="@{'/taoke'}">主页</a></li>
                        <li><a th:href="@{'/taoke/shop'}" class="active">商品</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!--== End Page Breadcrumb ==-->

<!--== Page Content Wrapper Start ==-->
<div id="page-content-wrapper">
    <div class="container">
        <th:block  th:include="bobey/tao/taoke_include :: taokePages(pages=${pages},pam=${pam})"></th:block>
    </div>
</div>

<!-- 结束 -->
<!-- Start Products Area Wrapper -->
<div class="product-area-wrapper">
    <th:block  th:include="bobey/tao/taoke_include :: hotCats"/>
</div>
<!--== Start Footer Area ==-->
<th:block  th:include="bobey/tao/taoke_include :: taokeBottom"/>
<!--== End Footer Area ==-->

<!-- Scroll to Top Start -->
<a href="#" class="scrolltotop"><i class="fa fa-angle-up"></i></a>
<!-- Scroll to Top End -->



<!--=======================Javascript============================-->
<th:block  th:include="bobey/tao/taoke_include :: taokeFooter"></th:block>
</body>
</html>
